<template>
  <div style="display: flex; flex-wrap: wrap;justify-content: space-around">
    <a-card style="width: 30%;margin-top: 20px;" title="业务系统">
      <div>
        <a :href="list.sso" target="_blank">统一登录系统</a>
        <a :href="list.cloud" target="_blank">独立站运营后台</a>
        <a :href="list.start" target="_blank">观星台</a>
        <a :href="list.juice" target="_blank">新风火轮</a>
        <a :href="list.scm" target="_blank">供应链系统</a>
        <a :href="list.erp" target="_blank">易仓ERP</a>
        <a :href="list.sensors" target="_blank">神策分析</a>
        <a :href="list.srm" target="_blank">供应商门户</a>
      </div>
    </a-card>
    <a-card style="width: 30%;margin-top: 20px;" title="观星台">
      <div>
        <a :href="list.start + 'd/8QbbtoO4k/a0c74511-e0fc-5f18-8980-c1592ec5342f?orgId=1'" target="_blank">各平台订单日趋势</a>
        <a :href="list.start + 'd/_W1B5Hw7z/cf02dafa-8472-587d-b344-fa5979be4dff?orgId=1'" target="_blank">神策订单自定义归因</a>
        <a :href="list.start + 'd/2ni1kZm4k/4eac3241-a1b9-556f-9dca-8a183b6c3bb4?orgId=1'" target="_blank">海外仓库龄</a>
      </div>
    </a-card>
    <a-card style="width: 30%;margin-top: 20px;" title="订单">
      <div>
        <a @click="$router.push('/orderStandardization/orderList')">标准化订单</a>
        <a @click="$router.push('/inventoryPools/performanceReview')">履约审单明细</a>
      </div>
    </a-card>
    <a-card style="width: 30%;margin-top: 20px;" title="库存">
      <div>
        <a @click="$router.push('/inventoryPools/skuPool')">SKU库存池</a>
        <a @click="$router.push('/inventoryPools/cloudWarehouses')">云仓库存</a>
        <a @click="$router.push('/inventoryPools/foShanPool')">佛山库存</a>
      </div>
    </a-card>
    <a-card style="width: 30%;margin-top: 20px;" title="物流履约">
      <div>
        <a @click="$router.push('/basicInformation/warehouseConfiguration')" target="_blank">仓库配置</a>
        <a @click="$router.push('/firstShipping/shippingMessage')" target="_blank">头程海运</a>
        <a @click="$router.push('/tail/truckDeliver')" target="_blank">卡派下单</a>
        <a @click="$router.push('/tail/bolList')" target="_blank">自提BOL</a>
        <a @click="$router.push('/tail/mockQuotation')" target="_blank">模拟报价</a>
      </div>
    </a-card>
    <a-card style="width: 30%;margin-top: 20px;" title="产品库">
      <div>
        <a :href="list.juice + 'pages/productData/productList'" target="_blank">产品中心</a>
        <a :href="list.juice + 'pages/logisticsService/productInfoList'" target="_blank">版本映射</a>
        <a :href="list.juice + 'newProduct/newProductList'" target="_blank">新品开发流程</a>
        <a :href="list.juice + 'outsideGoods/goodsList'" target="_blank">竞品中心</a>
      </div>
    </a-card>
    <a-card style="width: 30%;margin-top: 20px;" title="客服工单">
      <div>
        <a :href="list.juice + 'pages/customerService/Ticket'" target="_blank">客服工单</a>
        <a :href="list.juice + 'pages/salesData'" target="_blank">订单售后</a>
        <a :href="list.juice + 'bi_cs/customerComplaint/complaintList'" target="_blank">客诉内容登记</a>
      </div>
    </a-card>
    <a-card style="width: 30%;margin-top: 20px;" title="供应链系统">
      <div>
        <a :href="list.scm + 'purchaseManage/purchaseManage'" target="_blank">申购单</a>
        <a :href="list.scm + 'procureManage/ProcureManage'" target="_blank">采购单</a>
        <a :href="list.scm + 'supplierCheck/supplierStatistics'" target="_blank">供应商绩效</a>
        <a :href="list.scm + 'qualityManage/qualityPicture'" target="_blank">质检照片墙</a>
        <a :href="list.scm + 'inventoryManagement/foShaninventoryIsolation'" target="_blank">佛山库存隔离</a>
        <a :href="list.scm + 'settlement/settlementManage'" target="_blank">结算管理</a>
      </div>
    </a-card>
  </div>
</template>
<script setup>
import { reactive } from 'vue'
const list = reactive({
  ofs:import.meta.env.VITE_API_BASE_URL,
  sso:import.meta.env.VITE_SSOHOST,
  cloud:import.meta.env.VITE_CLOUD,
  start:import.meta.env.VITE_START,
  juice:import.meta.env.VITE_JUICE,
  scm:import.meta.env.VITE_SCM,
  erp:import.meta.env.VITE_ERP,
  sensors:import.meta.env.VITE_SENSORS,
  srm:import.meta.env.VITE_SRM,
})
</script>
<style lang="less" scoped>
a{
  font-size: 16px;
  display: table;
}
</style>

